<header class="fixed-header">
    <div class="header-top">
        <div class="container">


            {{--头部导航栏左侧--}}
            <div class="pull-left">
                <a href="/" class="logo" style="background: url(/img/tree1.png);">Sundy营</a>
                <img class="fl imglogo" data-original="/img/tree{{rand(1,12)}}.png" width="100px">
                {{--<img src="/img/tree{{rand(1,12)}}.png" class="fl imglogo" alt="" width="100px">--}}
                @include("layouts.nav")
            </div>
            <!-- /.导航栏左侧结束 -->


            {{--头部导航栏右侧--}}
            <div class="pull-right">
                <div class="ico-item hidden-on-desktop">
                    <button type="button"
                            class="menu-button js__menu_button fa fa-bars waves-effect waves-light"></button>
                </div>
                <!-- 消息 -->
                <div class="ico-item">
                    <a href="#" class="ico-item fa fa-envelope notice-alarm js__toggle_open"
                       data-target="#message-popup"></a>
                    <div id="message-popup" class="notice-popup js__toggle" data-space="55">
                        <h2 class="popup-title">消息
                            <a href="#" class="pull-right text-danger">最新消息</a>
                        </h2>
                        <!-- /.popup-title -->
                        <div class="content">
                            <a href="#" class="notice-read-more">查看更多
                                <i class="fa fa-angle-down"></i>
                            </a>
                        </div>
                        <!-- /.content -->
                    </div>
                    <!-- /#message-popup -->
                </div>
                <!-- 通知 -->
                <div class="ico-item">
                    <a href="#" class="ico-item fa fa-bell notice-alarm js__toggle_open"
                       data-target="#notification-popup"></a>
                    <div id="notification-popup" class="notice-popup js__toggle" data-space="55">
                        <h2 class="popup-title">通知</h2>
                        <!-- /.popup-title -->
                        <div class="content">
                            <a href="#" class="notice-read-more">更多通知
                                <i class="fa fa-angle-down"></i>
                            </a>
                        </div>
                        <!-- /.content -->
                    </div>
                    <!-- /#notification-popup -->
                </div>
                <!-- /.ico-item -->

                {{--登录注册--}}
                <div class="ico-item">
                    @guest
                    <a class="ico-item fa fa-arrow-right" href="{{ route('login') }}"> 登陆 </a>
                    <a class="ico-item fa fa-user" href="{{ route('register') }}"> 注册</a>
                    @else
                        <a href="#" class="ico-item fa fa-user js__toggle_open" data-target="#user-status"></a>
                        <div id="user-status" class="user-status js__toggle">
                            <a href="#" class="avatar">
                                <img src="/img/tree1.png" alt="{{Auth::user()->name}}" width="80" height="80">
                                <span class="status online"></span>
                            </a>
                            <h5 class="name">
                                <a href="profile.html">{{Auth::user()->name}}</a>
                            </h5>
                            <h5 class="position">{{Auth::user()->name}}</h5>
                            <!-- /.name -->
                            <div class="control-items">
                                <div class="control-item">
                                    <a href="#" title="设置">
                                        <i class="fa fa-gear"></i>
                                    </a>
                                </div>
                                <div class="control-item">
                                    <a href="{{ route('logout') }}"
                                       onclick="event.preventDefault(); document.getElementById('logout-form').submit();"
                                       class="js__logout" title="登出">
                                        <i class="fa fa-power-off"></i>
                                    </a>
                                </div>
                                <form id="logout-form" action="{{ route('logout') }}" method="POST"
                                      style="display: none;">
                                    {{ csrf_field() }}
                                </form>
                            </div>
                            <!-- /.control-items -->
                        </div>
                        <!-- /#user-status -->
                </div>
                @endguest
            </div>
            <!-- /.导航栏右侧结束 -->
        </div>
        <!-- /.container -->
    </div>
    <!-- /.头部导航结束 -->
</header>